<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet library="css" name="styles.css" />
	<h:outputScript name="jquery/jquery-plugins.js" library="primefaces" />
</h:head>

<h:body>
	<h:form>
		<ui:composition template="/plantillas/plantilla.xhtml">
			<ui:define name="body">
				<br />
				<h:form id="gestionSolicitud">
					<p:panelGrid columns="1" styleClass="table-out">
						<f:facet name="header">#{tsoli.titulo}</f:facet>

						<p:row rendered="#{tsoli.situacion != '00'}">
							<p:column>
								<center>
									<p:panelGrid styleClass="table-in">

										<p:row>
											<p:column>
												<p:toolbar>
													<f:facet name="left">
														<p:commandButton id="Evaluar" icon="ui-icon-zoomin"
															action='#{tsoli.evaluar}' title="Evaluar"
															rendered="#{tsoli.situacion eq '02'}" update="dlg" />

														<p:commandButton id="Nuevo" icon="ui-icon-document"
															action="/paginas/solicitud" title="Nuevo"
															actionListener="#{tsoli.registrar}"
															rendered="#{tsoli.situacion eq '01'}" />

														<p:commandButton id="Enviar" icon="ui-icon-circle-arrow-e"
															action="#{tsoli.enviar}" title="Enviar"
															update="solicitud,dlg"
															rendered="#{tsoli.situacion eq '01'}">
															<p:confirm header="Mensaje de Conformación"
																message="¿Está seguro de enviar la solicitud?"
																icon="ui-icon-alert" />
														</p:commandButton>

														<p:commandButton id="Modificar" icon="ui-icon-pencil"
															action='#{tsoli.modificar}' title="Modificar"
															rendered="#{tsoli.situacion eq '01'}" update="dlg" />

														<p:commandButton id="Eliminar" icon="ui-icon-trash"
															action="#{tsoli.eliminar}" title="Eliminar"
															update="solicitud,dlg"
															rendered="#{tsoli.situacion eq '01'}">
															<p:confirm header="Mensaje de Conformación"
																message="¿Está seguro de eliminar el registro?"
																icon="ui-icon-alert" />
														</p:commandButton>

														<p:commandButton id="Recargar" icon="ui-icon-refresh"
															title="Recargar" update="solicitud"
															actionListener='#{tsoli.cargar()}' />

													</f:facet>
													<f:facet name="right">
														<h:commandLink title="Exportar excel">
															<p:graphicImage name="/images/excel.png" width="24" />
															<p:dataExporter type="xls" target="solicitud"
																fileName="solicitudes" pageOnly="false"
																postProcessor="#{tsoli.postProcessXLS}" />
														</h:commandLink>
													</f:facet>
												</p:toolbar>

												<p:confirmDialog global="true" showEffect="fade"
													hideEffect="fade">
													<p:commandButton value="Si"
														styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
													<p:commandButton value="No"
														styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
												</p:confirmDialog>

												<p:dialog id="dlg" header="Mensaje del Sistema"
													widgetVar="dlg" Height="40" width="400" resizable="false"
													modal="true" showEffect="fade" hideEffect="fade"
													closable="false">
													<center>
														<p:panelGrid styleClass="table-in">
															<p:row>
																<p:column width="200">
																	<center>
																		<p:outputLabel value="#{tsoli.mensaje}" />
																	</center>
																</p:column>
															</p:row>
															<p:row>
																<p:column>
																	<hr></hr>
																</p:column>
															</p:row>
															<p:row>
																<p:column width="200">
																	<center>
																		<p:commandButton value="Aceptar"
																			onclick="PF('dlg').hide();" />
																	</center>
																</p:column>
															</p:row>
														</p:panelGrid>
													</center>
												</p:dialog>
											</p:column>
										</p:row>

										<p:row>
											<p:column>
												<div class="responsiveI">
													<p:dataTable id="solicitud" var="solicitud"
														value="#{tsoli.solicitudes}" paginator="true" rows="15"
														sortMode="multiple" rowsPerPageTemplate="15,20,25,30,35"
														paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
														rowKey="#{solicitud.slnume}"
														selection="#{tsoli.solicitud}" selectionMode="single"
														scrollable="true" filteredValue="#{tsoli.fsolicitudes}">
														<!--  frozenColumns="4">-->

														<p:column headerText="Número" sortBy="#{solicitud.slnume}"
															width="50" filterBy="#{solicitud.slnume}"
															filterMatchMode="contains" filterMaxLength="10">
															<h:outputText value="#{solicitud.slnume}" />
														</p:column>
														<p:column headerText="Solicitante"
															sortBy="#{solicitud.slpers.plnom1} #{solicitud.slpers.plnom2} #{solicitud.slpers.plapep} #{solicitud.slpers.plapem}"
															width="200"
															filterBy="#{solicitud.slpers.plnom1} #{solicitud.slpers.plnom2} #{solicitud.slpers.plapep} #{solicitud.slpers.plapem}"
															filterMatchMode="contains" filterMaxLength="100">
															<h:outputText
																value="#{solicitud.slpers.plnom1} #{solicitud.slpers.plnom2} #{solicitud.slpers.plapep} #{solicitud.slpers.plapem}" />
														</p:column>
														<p:column headerText="Area"
															sortBy="#{solicitud.slpers.plarea.desesp}" width="90"
															filterBy="#{solicitud.slpers.plarea.desesp}"
															filterMatchMode="contains" filterMaxLength="30">
															<h:outputText value="#{solicitud.slpers.plarea.desesp}" />
														</p:column>
														<p:column headerText="Cargo"
															sortBy="#{solicitud.slpers.plcarg.desesp}" width="120"
															filterBy="#{solicitud.slpers.plcarg.desesp}"
															filterMatchMode="contains" filterMaxLength="30">
															<h:outputText value="#{solicitud.slpers.plcarg.desesp}" />
														</p:column>
														<p:column headerText="Local" sortBy="#{solicitud.slloca}"
															width="90" filterBy="#{solicitud.slloca}"
															filterMatchMode="contains" filterMaxLength="30">
															<h:outputText value="#{solicitud.slloca}" />
														</p:column>

														<p:column headerText="Plazo" sortBy="#{solicitud.slplaz}"
															width="50" filterBy="#{solicitud.slplaz}"
															filterMatchMode="contains" filterMaxLength="10">
															<h:outputText value="#{solicitud.slplaz}">
																<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
															</h:outputText>
														</p:column>

														<p:column headerText="Situación"
															sortBy="#{solicitud.slsitu.desesp}" width="100"
															filterBy="#{solicitud.slsitu.desesp}"
															filterMatchMode="contains" filterMaxLength="30">
															<h:outputText value="#{solicitud.slsitu.desesp}" />
														</p:column>

														<p:column headerText="Usu. Reg."
															sortBy="#{solicitud.slusin}" width="80"
															filterBy="#{solicitud.slusin}" filterMatchMode="contains"
															filterMaxLength="10">
															<h:outputText value="#{solicitud.slusin}" />
														</p:column>

														<p:column headerText="F. Reg."
															sortBy="#{solicitud.slfein}" width="60"
															filterBy="#{solicitud.slfein}" filterMatchMode="contains"
															filterMaxLength="10">
															<h:outputText value="#{solicitud.slfein}">
																<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
															</h:outputText>
														</p:column>

														<p:column headerText="Hora Reg."
															sortBy="#{solicitud.slfein}" width="70"
															filterBy="#{solicitud.slfein}" filterMatchMode="contains"
															filterMaxLength="8">
															<h:outputText value="#{solicitud.slfein}">
																<f:convertDateTime type="date" pattern="HH:mm:ss" />
															</h:outputText>
														</p:column>

														<p:column headerText="Usu. Mod."
															sortBy="#{solicitud.slusmd}" width="80"
															filterBy="#{solicitud.slusmd}" filterMatchMode="contains"
															filterMaxLength="10">
															<h:outputText value="#{solicitud.slusmd}" />
														</p:column>
														<p:column headerText="F. Mod."
															sortBy="#{solicitud.slfemd}" width="60"
															filterBy="#{solicitud.slfemd}" filterMatchMode="contains"
															filterMaxLength="10">
															<h:outputText value="#{solicitud.slfemd}">
																<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
															</h:outputText>
														</p:column>
														<p:column headerText="Hora Mod."
															sortBy="#{solicitud.slfemd}" width="70"
															filterBy="#{solicitud.slfemd}" filterMatchMode="contains"
															filterMaxLength="8">
															<h:outputText value="#{solicitud.slfemd}">
																<f:convertDateTime type="date" pattern="HH:mm:ss" />
															</h:outputText>
														</p:column>
													</p:dataTable>
												</div>
											</p:column>
										</p:row>
									</p:panelGrid>
								</center>
							</p:column>
						</p:row>

						<p:row rendered="#{tsoli.situacion eq '00'}">
							<p:column>
								<div class="responsive">
									<p:toolbar>
										<f:facet name="left">
											<p:commandButton id="RecargarSeguimiento" icon="ui-icon-refresh"
															title="Recargar" update="seguimiento"
															actionListener='#{tsoli.cargar()}' />
										</f:facet>
									</p:toolbar>
									<p:dataGrid var="solicitud" value="#{tsoli.solicitudes}"
										columns="#{tsoli.columnas}" layout="grid"
										rows="#{tsoli.filas}" paginator="true" id="seguimiento"
										paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="6,12,16,20">

										<p:panel header="#{solicitud.slnume}"
											style="text-align:center">
											<h:panelGrid columns="2" columnClasses="label,value"
												style="width:100%;text-align:left;">

												<h:outputText value="Número: " />
												<h:outputText value="#{solicitud.slnume}" />
												<h:outputText value="Solicitante: " />
												<h:outputText
													value="#{solicitud.slpers.plnom1} #{solicitud.slpers.plapep}" />
												<h:outputText value="Plazo:" />
												<h:outputText value="#{solicitud.slplaz}">
													<f:convertDateTime pattern="dd/MM/yyyy" />
												</h:outputText>
												<h:outputText value="Estado: " />
												<h:outputText value="#{solicitud.slsitu.desesp}" />

												<p:commandLink update="solicitudDialog,detalle"
													actionListener="#{tsoli.ver(solicitud)}"
													title="Ver Detalle">
													<h:outputText styleClass="ui-icon ui-icon-search"
														style="margin:0 auto;" />
												</p:commandLink>

												<p:dialog id="solicitudDialog" modal="true"
													resizable="false" header="Detalle de la Solicitud"
													widgetVar="solicitudDialog" width="900">
													<p:outputPanel id="detail" style="text-align:left;">
														<p:panelGrid columns="2" columnClasses="label,value">
															<h:outputText value="Número:" styleClass="subtitulo" />
															<h:outputText value="#{solicitud.slnume}" />
															<h:outputText value="Motivo:" styleClass="subtitulo" />
															<h:outputText value="#{tsoli.solicitud.slmoti}" />
															<h:outputText value="Local:" styleClass="subtitulo" />
															<h:outputText value="#{tsoli.solicitud.slloca}" />
															<h:outputText value="Plazo:" styleClass="subtitulo" />
															<h:outputText value="#{tsoli.solicitud.slplaz}">
																<f:convertDateTime pattern="dd/MM/yyyy" />
															</h:outputText>
															<h:outputText value="Solicitante:" styleClass="subtitulo" />
															<h:outputText
																value="#{tsoli.solicitud.slpers.plnom1} #{tsoli.solicitud.slpers.plnom2} #{tsoli.solicitud.slpers.plapep} #{tsoli.solicitud.slpers.plapem}" />
															<h:outputText value="Area:" styleClass="subtitulo" />
															<h:outputText
																value="#{tsoli.solicitud.slpers.plarea.desesp}" />
															<h:outputText value="Cargo:" styleClass="subtitulo" />
															<h:outputText
																value="#{tsoli.solicitud.slpers.plcarg.desesp}" />
															<h:outputText value="Observación:" styleClass="subtitulo" />
															<h:outputText value="#{tsoli.solicitud.slobse}" />
														</p:panelGrid>
													</p:outputPanel>

													<p:panelGrid>
														<p:row>
															<p:column>
																<div style="width: 1220px; height: 100%">
																	<p:dataTable id="detalle" var="detalle"
																		value="#{tsoli.detalles}" resizableColumns="true"
																		liveResize="true">
																		<f:facet name="header">Detalle de la Solicitud</f:facet>
																		<p:column headerText="Cod.Art" width="10%">
																			<h:outputText value="#{detalle.sdarti.artcod}" />
																		</p:column>
																		<p:column headerText="Descripción" width="30%">
																			<h:outputText value="#{detalle.sdarti.artdes}" />
																		</p:column>
																		<p:column headerText="Cantidad" width="5%">
																			<h:outputText value="#{detalle.sdcant}" />
																		</p:column>
																		<p:column headerText="Motivo" width="30%">
																			<h:outputText value="#{detalle.sdobse}" />
																		</p:column>
																		<p:column headerText="Proveedor" width="20%">
																			<h:outputText value="#{detalle.sdprov.pronom}" />
																		</p:column>
																	</p:dataTable>
																</div>
															</p:column>
														</p:row>

													</p:panelGrid>
												</p:dialog>

											</h:panelGrid>
										</p:panel>

									</p:dataGrid>
								</div>
							</p:column>
						</p:row>
					</p:panelGrid>
				</h:form>
			</ui:define>
		</ui:composition>
	</h:form>
</h:body>
</html>